import {designPage} from "plain-design-composition";
import {PlIcon, PlTooltip} from "plain-design";
import React from "react";
import './summary-card-sales.less'

export default designPage(() => {
    return () => (
        <div className="pro-data-statistic-summary-card">
            <div className="pro-data-statistic-summary-card-title">
                <span>销售总额</span>
                <PlTooltip tooltip={'更多'}>
                    <PlIcon icon={'el-icon-menu'} status="primary"/>
                </PlTooltip>
            </div>
            <div className="pro-data-statistic-summary-card-result">
                ￥98,165.10
            </div>
            <div className="pro-data-statistic-sales-info">
                <div>
                    <span>周同比</span>
                    <span>12%</span>
                    <PlIcon icon={'el-icon-caret-top'} status={'success'}/>
                </div>
                <div>
                    <span>日同比</span>
                    <span>5%</span>
                    <PlIcon icon={'el-icon-caret-bottom'} status={'error'}/>
                </div>
            </div>
            <div className="pro-data-statistic-summary">
                <span>日销售额：</span>
                <span>￥ 5,129.88</span>
            </div>
        </div>
    )
})